<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
      <style>
          p{
              font-size: 50px;
              font-weight: 25px;
          }
      </style>
</head>
<body>
         
        <p id="time">

        </p>

            <script>
             function timey()
             {
                var key = new Date();
                 var year = key.getFullYear();
                 var month = key.getMonth();
                 var day = key.getDay();
                var hour = key.getHours();
                 var minter = key.getMinutes();
                 var seconds = key.getSeconds();
               var text = ""+year+"年"+month+"月"+day+"日"+hour+"时"+minter+"分"+seconds+"秒"
                 $("#time").html(text);
             }
                  
             setInterval(() => {
                 timey();
             }, 1000);
           

            </script>
          

</body>
</html>